<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style>
body {
	background:#EBC2DD;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#333;
	margin:0;
	height:0;
	width:100%;
	height:100%;
	}

#ThemeBG {
	opacity:0;
	}

#LifeStudy {
	opacity:0;
	margin-left:-500px;
	margin-top:30px;
	width:100%;
	height:820px;
	position:fixed;
	z-index:4;
	}

.FotoBorda {
	border:rgba(0,0,0,0.1) 1px solid; 
	border-bottom:rgba(0,0,0,0.2) 1px solid; 
	border-radius:4px; 
	width:530px; 
	height:380px; 
	box-shadow:rgba(0,0,0,0.3) 0px 1px 8px; 
	overflow:hidden; 
	padding:0px; 
	background:#FFF; 
	margin:30px;
	max-width:380px;
	}
.FotoGrande {
	border-top:rgba(255,255,255,0.7) 0px solid; 
	width:100%;
	border-radius:1px; 
	height:100%; 
	background: url(img/user/alunos/f/0001.jpg) center no-repeat;
	background-size:cover;
	}
</style>
</head>

<body>
<div id="ThemeBG" style="background:url(img/Wall/05.jpg); background-size:cover; width:110%; height:100%; margin:0; padding:0; position:fixed; z-index:1;"></div>


<div style="background:url(img/logo.png) no-repeat 38px 5px; width:100%; height:70px; position:fixed; z-index:5;"></div>

	<div id="LifeStudy" class="FotoBorda">
		<div class="FotoGrande"></div>
	</div>


<script src="jquery.js" type="text/javascript"></script>
<script>





	$("#ThemeBG").delay(1000).animate({
		    opacity: 0.8,
			width: "100%"
		  }, 800 , function() {
	});


$("#LifeStudy").delay(500).animate({
	    opacity: 1,
	    marginLeft: "70px",
		marginTop: "80px",
		width: "30%",
		height: "60%",
	  }, 500 , function() {    	
  });
  
</script>
</body>
</html>
